<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/vue.min.js" ></script>
	</head>
	<body>
		<div id="app">
			<p> 商品的价格： {{  price | RMB }} </p>
			
		</div>
	</body>
	<script type="text/javascript">
		var vm = new Vue({
			el:"#app",
			data:{
				price:88.88
			},
			// 表示自定义过滤器(局部过滤器)
			filters:{
				RMB:function(val){
					if (val == '') {
						return
					}
					return "$" + val
				}
			}
			
		})
	</script>
</html>
